<!DOCTYPE html>
<html>
<#include "_inc/constants.ftl" />
<head>
    <title>幸运抽奖</title>
    <!-- For-Mobile-Apps-and-Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=false;" name="viewport" />
    <meta name="keywords"
          content="Fortune Estates Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, SmartPhone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design"/>
    <#--<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">-->
    <#--<link rel="stylesheet" href="css/ken-burns.css" type="text/css" media="all"/>-->
    <!--//pop-up-box -->
    <!-- web-fonts -->
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic'
          rel='stylesheet' type='text/css'>
    <!-- //web-fonts -->
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <#--<link rel="stylesheet" href="css/weui.min.css">-->
    <#--<link rel="stylesheet" href="css/jquery-weui.css">-->
    <#--<link rel="stylesheet" href="css/demos.css">-->
    <#--<link rel="stylesheet" href="css/common.css">-->
    <!--  抽奖 -->

    <style>

        .zhongj-bbl {
            color: #ff0000;
        }

        .zhongj-bbr {
            color: #ff0000;
        }

    </style>
</head>

<body>
<div class="agile-main">
    <div class="content-wrap">
        <div class="content" style="padding-left: 20px;padding-right: 20px;margin-top: 20px;">

            <div class="ml-main" id="ml-main">
                <div class="dp-box">
                    <div style="max-width:640px; margin:0 auto">
                        <div class="banner">
                            <div class="turnplate" style="background-image:url(img/turnplate-bg_2.png);background-size:100% 100%;">
                                <canvas class="item" id="wheelcanvas" width="516" height="516"></canvas>
                                <div id="tupBtn">
                                    <input type="hidden" id="cishu" value="0"/>
                                    <img class="pointer" src="img/zhizhen.png">
                                    <div id="cishu-text">点击开始<br><span id="eng">start</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <div class="jl">
                <p>
                    <span id="zjjl">《中奖纪录》</span>|<span id="look-gz">《查看规则》</span>
                </p>
            </div>
            <div class="gdbox">
                <strong>中奖用户</strong>
                <p id="tit">
                    <span>手机号</span>
                    <span>获得奖励</span>
                </p>
                <div class="zhongj-bbk">
                    <marquee direction="up">
                        <div class="zhongj-bb">
                            <div class="zhongj-bbl" id="colee" ><#--style="overflow:hidden;"-->
                                <div id="colee1">13580570258</div>
                                <div id="colee2">13202370235</div>
                                <div id="colee3">13580570222</div>
                                <div id="colee4">13202370235</div>
                                <div id="colee5">13202370235</div>
                                <div id="colee6">13202370235</div>
                                <div id="colee7">13202370235</div>
                            </div>
                            <div class="zhongj-bbr" id="coleer" ><#--style="overflow:hidden;"-->
                                <div id="coleer1">获得电饭锅</div>
                                <div id="coleer2">获得十元红包</div>
                                <div id="coleer3">获得三元红包</div>
                                <div id="coleer4">获得十元红包</div>
                                <div id="coleer5">获得两元红包</div>
                                <div id="coleer6">获得十元红包</div>
                                <div id="coleer7">获得五元红包</div>
                            </div>
                        </div>
                    </marquee>
                </div>
            </div>
            <!--遮罩&弹框-->
            <div class="zz"></div>
            <!--转盘规则-->
            <div class="zpgz">
                <img src="img/close.png" class="cjgz-c">
                <img src="img/zpgz.png" id="cjgz-img">
            </div>
            <!--中奖纪录-->
            <div class="zj">
                <img src="img/close.png" class="cjgz-c">
                <img src="img/zjjl-img.png" id="cjgz-img">
                <div class="zj-content">
                    <p>
                        <span id="mytime">时间</span>
                        <span id="myjl">获得奖励</span>
                    </p>
                    <ul>
                        <li><span>2017.10.31</span><span>10元红包(满50元可用)</span></li>
                        <li><span>2017.10.31</span><span>10元红包(满50元可用)</span></li>
                        <li><span>2017.10.31</span><span>10元红包(满50元可用)</span></li>
                        <li><span>2017.10.31</span><span>10元红包(满50元可用)</span></li>
                        <li><span>2017.10.31</span><span>10元红包(满50元可用)</span></li>
                        <li><span>2017.10.31</span><span>10元红包(满50元可用)</span></li>
                    </ul>
                </div>
            </div>
            <!-- 无次数提示弹框 -->
            <div class="wcs">
                <img src="img/close.png" class="cjgz-c">
                <img src="img/wcs-tk.png" class="wcs-img">
                <img src="img/ok-img.png" class="ok-img">
            </div>
            <!-- 抽到奖励弹框 -->
            <div class="jl-tk">
                <img src="img/close.png" class="cjgz-c">
                <img src="img/zj-tk.png" class="zj-img">
                <img src="img/ok-img.png" class="ok-img">
                <p class="texts">恭喜您已获得<br>10元红包(满50元可用）</p>
            </div>
            <div id="counts" style="text-align: center;"></div>
        </div>
        <#--<#include "_inc/menufooter.ftl" />-->
    </div>
</div>

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script src="js/classie.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/jquery-weui.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="js/utils.js"></script>

<script type="text/javascript" src="js/jquery.rotate.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.jsonp.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>

    $(document).ready(function() {
        var luckcount = localStorage.getItem("lucky${openid}");
        console.log(luckcount);
        $("#cishu").val(luckcount);
    });

    //返回
    $('#back').click(function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.state = '${mach}';
        $.submitFormPost('/weixin.do', param, 'POST');
    });

    $("#main").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.state = '${mach}';
        $.submitFormPost('/weixin.do', param, 'POST');
    });

    $("#my").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.mach = '${mach}';
        $.submitFormPost('/my.do', param, 'POST');
    });
</script>
</body>
</html>